<template>
  <div>
    <JSwitch :value.sync="value1" label="选项一"></JSwitch>
    <JSwitch :value.sync="value2" label="选项二"></JSwitch>
    <JSwitch :value.sync="value3" :disable="true" label="选项三"></JSwitch>
    <JSwitch :value.sync="value4" :indeterminate.sync="indeterminate" label="选项四"></JSwitch>
  </div>
</template>

<script>
import JSwitch from './JSwitch.vue'
export default {
  data() {
    return {
      value1: true,
      value2: undefined,
      value3: undefined,
      value4: undefined,
      indeterminate: true
    }
  },
  components: { JSwitch },
}
</script>

<style>

</style>